<script>

function showImage(url)
{
	showDialog(url);
}

function showDialog(url, width, height)
{
	return showWindow(url, false, false, false, false, false, false, true, true, width, height, 0, 0);
}

function showWindow(url, isStatus, isResizeable, isScrollbars, isToolbar, isLocation, isFullscreen, isTitlebar, isCentered, width, height, top, left)
{
	if (isCentered)
	{
		top = (screen.height - height) / 2;
		left = (screen.width - width) / 2;
	}

	open(url, '_blank', 'status=' + (isStatus ? 'yes' : 'no') + ','
	+ 'resizable=' + (isResizeable ? 'yes' : 'no') + ','
	+ 'scrollbars=' + (isScrollbars ? 'yes' : 'no') + ','
	+ 'toolbar=' + (isToolbar ? 'yes' : 'no') + ','
	+ 'location=' + (isLocation ? 'yes' : 'no') + ','
	+ 'fullscreen=' + (isFullscreen ? 'yes' : 'no') + ','
	+ 'titlebar=' + (isTitlebar ? 'yes' : 'no') + ','
	+ 'height=' + height + ',' + 'width=' + width + ','
	+ 'top=' + top + ',' + 'left=' + left);
}

</script>
<script type="text/javascript" src="<?php echo $html->url("/js/prototype.js")?>"></script>
<script type="text/javascript" src="<?php echo $html->url("/js/scriptaculous.js?load=effects,builder")?>"></script>
<script type="text/javascript" src="<?php echo $html->url("/js/lightbox.js")?>"></script>
<link rel="stylesheet" href="<?php echo $html->url("/css/lightbox.css")?>" type="text/css" media="screen" />
<style>
	.tr_one, .tr_two
	{
		background-image: url(<?php echo $html->url("/img/v_bg.png") ?>);
		background-position: left;
		background-repeat: no-repeat;
		border-bottom: 1px solid #104D73
	}
	.tr_one
	{
		background-color: #0076c0;
	}
	.tr_two
	{
		background-color: #1f87c8;
	}
</style>
<div style="margin-top:-18px;">
<div class="h_menu_title"><a href="<?php echo $html->url('product_category/' . $product['Category']['id']) ?>"><?php echo $product['Category']['name'];?></a></div>
<div class="product-item span-4 last" style="width: 518px;">
	<div>
		<a href="<?php echo $html->url('/img/'. $product['Product']['images'])?>" rel="lightbox" >
			<?php echo $html->image($product['Product']['images'], array('style'=>'width:514px;'))?>
		</a>
	</div>
	<div style="font-size:14px; border-top:solid 1px #104D73">
		<a class="row-title" href="#" title="<?php echo$product['Product']['name']?>" style="font-weight:bold" >
			<?php echo $product['Product']['name']?>
		</a>
		<br/>
		Giá: <span class="product-item-price" style="color:#FF0;"> <?php echo$product['Product']['price']?> </span><br/>
	</div>
	<div class="description_title" style="background:url('<?php echo $html->url("/img/spec_bg.png")?>') no-repeat; height:38px">
		&nbsp;
	</div>
	<div class="last" style=" clear: both; padding:0px;">
		<script>
			var contents = "<?php echo $product['Product']['description']?>";
			
			var arrContent = contents.split("/");
			for(var i=0; i< arrContent.length-1; i++)
			{
				if(i%2==0)
				{
					document.write("<div class='tr_one' style='padding-left:30px;'>" + arrContent[i] + "</div>");
				}
				else
				{
					document.write("<div class='tr_two' style='padding-left:30px;'>"+ arrContent[i] + "</div>");
				}
			}
		</script>
		
	</div>	
</div>
<div class="end_div_center span-4 last" style="text-align:right;width:520px">
		<a class="button-ogrange" href="javascript:history.go(-1)" style="margin-right:10px;"> Trở lại </a>
	</div>
</div>